      //课程
      function setCourseData(){
      		   //课程分析
//	       var coursestatistics = data.coursestatistics;
//         $('#createcoursenumId').html(data.course);
//		   $('#moocId').html(data.mooc);
//		   $('#freecourseId').html(data.freecourse);
//		   $('#referencecoursenumId').html(data.timescited);
//		   var coursedata1 = coursestatistics.data1;
//		   var coursedata2 = coursestatistics.data2;
           var courseChart = echarts.init(document.getElementById('course_classification_chart'));
		     courseOption = {
		   	     tooltip: {
                     trigger: 'item',
                     formatter: '{a} <br/>{b}: {c} ({d}%)'
                    },
		    series: [
		        {
		            name:'课程',
		            type:'pie',
		            selectedMode: 'single',
		            radius: [0, '40%'],
		
		            label: {
		                normal: {
		                    position: 'inner'
		                }
		            },
		            labelLine: {
		                normal: {
		                    show:true
		                }
		            },
		             color : ['#1269db', '#ff9900'],
		            data:[
		                {value:335, name:'资源', selected:true},
		                {value:1548, name:'活动'}
		            ]
		        },
		        {
		            name:'课程',
		            type:'pie',
		            radius: ['60%', '80%'],
		            label: {
		               	normal : {
								show : false,},
		            },
		            color : ['#66cc00', '#ff9900', '#99cc33', '#f16bea', '#ffcc00', '#09cc33', '#f47878', '#ac76fc', '#ff66cc', '#1269db'],
		            data:[
		                {value:335, name:'视频'},
		                {value:310, name:'图文'},
		                {value:234, name:'讨论'},
		                {value:135, name:'文件'},
		                {value:1048, name:'测验'},
		                {value:251, name:'调查'},
		                {value:147, name:'现场实操'},
		                {value:102, name:'作业'}
		            ]
		        }
		    ]
		};
         courseChart.setOption(courseOption);
     
//         var  learningtimedata = data.learningtime;
//        $('#monthlyaverageId').html(learningtimedata.monthlyaverage);
//		  $('#peopletimeId').html(learningtimedata.peopletime);
//		  $('#monthId').html(learningtimedata.firstmonth+">"+learningtimedata.secondmonth+">"+learningtimedata.thirdmonth);
//        $('#learningperiodId').html(learningtimedata.monthlyaverage);
//		  $('#learntimeId').html(learningtimedata.peopletime);
//		  var timedata = learningtimedata.learningtimedata;
		//最近6个月在线学习时长
		var courseTimeChart = echarts.init(document.getElementById('course_time_chart'));
			courseTimeOption = {
		      tooltip: {
				        trigger: 'axis',
				        axisPointer: {
				            type: 'shadow',
				        },
				    },
			 grid: {
			        top: '8%',
			         left: '13%',
			        right: '5%',
			    },
		    xAxis: {
		        type: 'category',
		        boundaryGap: false,
		         axisLine: {
                    lineStyle: {
                      color: '#666666',
                      }
			        },
//			        axisLabel:{
//                   textStyle:{
//                        fontSize:'10',
//                   },
//                     interval:0,  
//                     rotate:45, 
//                  },
		        data: ['1月', '2月', '3月', '4月', '5月', '6月']
		    },
		    yAxis: {
	           type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
	
		        axisLabel: {
		         formatter: '{value}h',
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		    color : ['#19b4ed'],
		    series: [{
		        data: [820, 932, 901, 934, 290, 330,930],
		        type: 'line',
		         areaStyle: {normal: {}},
		    }]
		};
         	courseTimeChart.setOption(courseTimeOption);
         	//日分布
//       	 var daylearningtimedata = learningtimedata.daylearningtimedata;
         	var courseTimePeriodChart = echarts.init(document.getElementById('course_time_period_chart'));
         	courseTimePeriodOption = {
		      tooltip: {
				        trigger: 'axis',
				        axisPointer: {
				            type: 'shadow',
				        },
				    },
						 grid: {
			        top: '8%',
			         left: '13%',
			        right: '5%',
			    },
		    xAxis: {
		        type: 'category',
		        boundaryGap: false,
		        axisLine: {
                    lineStyle: {
                      color: '#666666',
                      }
			        },
		        data: ['11:00', '12:00', '13:00', '14:00', '15:00', '16:00']
		    },
		   yAxis: {
	         type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            formatter: '{value}h',
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		    color : [ '#19b4ed','#f2353b'],
		    series: [{
		        data: [820, 932, 901, 934, 1290, 1330],
		        type: 'line',
		          areaStyle: {normal: {}},
		    },
		    {
		        data: [720, 900, 1000, 904, 900, 1530],
		        type: 'line',
		          areaStyle: {normal: {}},
		    }]
		};
         	courseTimePeriodChart.setOption(courseTimePeriodOption);
             //时间分段
//           var duringpeakhoursdata = learningtimedata.duringpeakhoursdata;
         	 var timeBucketChart = echarts.init(document.getElementById('time_bucket_chart'));
		        timeBucketChartOption = {
//			
			    grid: {
			        left: '0%',
			        right: '8%',
			        bottom: '3%',
			        top: '-8%',
			        containLabel: true
			    },
			    xAxis: [{
			        axisTick: {
			            show: false,
			        },
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            show: false
			        },
			        splitLine: {
			            show: false,
			        },
//			          axisLabel: {
//		            formatter: '{value}h',
//		            }
			    }],
			    yAxis: [{
			        type: 'category',
			        data: ['10:00-11:00', '11:00-12:00', '12:00-14:00'],
			
			        axisTick: {
			            show: false,
			        },
			        axisLine: {
			            show: false,
			        },
			        axisLabel: {
			            textStyle: {
			                color: '#66666',
			            }
			        }
			
			    }],
			    series: [
			        {
			            name: '',
			            type: 'bar',
			             barMaxWidth: 35,
			            barGap: '10%',
			            itemStyle: {
			                normal: {
			                    color: '#19b4ed',
			                    label: {
			                        show: true,
			                       textStyle: {
                                  color: '#333'
                              },
                             position:'right',
			                    }
			                }
			            },
			            data: [1,5, 10]
			        }
			    ]
			};
				timeBucketChart.setOption(timeBucketChartOption);
      }
      //课程成绩/平均分
      function courseScoreData(){
//       var data = data.data;
               //课程成绩
        var courseScoreChart = echarts.init(document.getElementById('course_score_chart'));
         	 courseScoreOption = {
         	   tooltip: {
			        trigger: 'axis',
			        axisPointer: {
			            type: 'shadow'
			        }
			    },
		    xAxis: {
		        type: 'category',
		        data: ['课程1', '课程二', '课程3', '课程课程课程'],
			       axisLine: {
                    lineStyle: {
                      color: '#666666',
                      }
			        },
		        axisLabel:{
//                   textStyle:{
//                        fontSize:'10',
//                   },
                       interval:0,  
                       rotate:45, 
                    },
		    },
		  yAxis: [ {
		            type: 'value',
		             axisTick: {
					     show: false,
					       },
					   axisLine: {
					    show: false,
					        },
					        
		               axisLabel: {
		                formatter: '{value} %',
		                textStyle: {
					       color: '#66666',
					       }
		            }
		        },
		        {
            type:'value',
            name:'',
           
            axisLabel:{
             textStyle:{
                  color:'#666666',
             },
            },
            axisTick:{
              lineStyle:{
                  color:'#666666',
                  
              },
            },
                axisTick: {
					     show: false,
					       },
					   axisLine: {
					    show: false,
					        },
            splitLine:{
                show:false,
            },
        },
		    ],
		    grid: {
			        left: '0%',
			        right: '5%',
			        bottom: '3%',
			        top: '5%',
			        containLabel: true
			    },
			 color : ['#19b4ed','#f2353b'],
		    series: [{
		        barWidth : 20,
		        data: [75, 120, 50, 80],
		        type: 'bar'
		    },
		    {
		       barWidth : 20,
		      type: 'bar',
		        data: [70, 80, 30,95],
		       
		    }]   
           };
        courseScoreChart.setOption(courseScoreOption);
      }
      
      //出勤率
      function setAttendanceData(){
         	var attendanceChart = echarts.init(document.getElementById('attendance_chart'));
		   option = {
		   
	
	    	grid: {
		        left: '0%',
		        right: '8%',
		        bottom: '3%',
		        top: '4%',
		        containLabel: true
		    },
		   tooltip: {
			        trigger: 'axis',
			        axisPointer: {
			            type: 'shadow',
			        },
				    },
		    xAxis: {
		        type: 'category',
		        boundaryGap: false,
		        data: ['6月1', '6月5', '6月8', '6月7', '6月8', '6月9', '12月10']
		    },
		  	    yAxis: {
	          type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		    color : ['#19b4ed'],
		    series: [{
		        data: [820, 932, 901, 934, 1290, 1330, 1320],
		        type: 'line',
		          areaStyle: {normal: {}},
		    }]
		};
         	 attendanceChart.setOption(option);
      }
       //活跃度
      function setLivenessData(){
         	var attendanceChart = echarts.init(document.getElementById('liveness_chart'));
				option = {
//		     title: {
//		        text: '活动分布及活跃度'
//		    },
//		
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		    grid: {
		        left: '0%',
		        right: '0%',
		        bottom: '3%',
		        top: '4%',
		        containLabel: true
		    },
		    xAxis : [
		        {
		            data : ['提问','调查','讨论','互评','投票']
		        }
		    ],
		  	 yAxis: {
	          type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		    series : [
		        {
		            name:'活动绿',
		            type:'line',
		            data:[40, 50, 45, 56, 45],
		                itemStyle: {
		                normal: {
		                color: '#ac76fc',
		                }
		            },
		            
		        },
		        {
		            name:'类型',
		            type:'bar',
		            data:[80, 30, 48, 44, 87],
		             //设置柱子的宽度
		            barWidth : 20,
		            //设置柱子的圆角
//		             barBorderRadius: 30,
      itemStyle: {
                normal: {
                 barBorderRadius:[10, 10, 0, 0],
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1, [{
                                offset: 0,
                                color: '#ac76fc'
                            },
                            {
                                offset: 0.5,
                                color: '#6898F8'
                            },
                            {
                                offset: 1,
                                color: '#19b4ed'
                            }
                        ]
                    )
                }
            },
		        }   
		       ]
           }
         	 attendanceChart.setOption(option);
         	 
      }
      // //日活跃度
      function attendanceDayData(){
         //日活跃度
        var attendanceDayChart = echarts.init(document.getElementById('statistical_day_chart'));
		   dayOption = {
		    tooltip: {
		        trigger: 'axis',
		        axisPointer: {
		            type: 'shadow',
		        },
		    },
		  	grid: {
		        left: '0%',
		        right: '0%',
		        bottom: '10%',
		        top: '4%',
		        containLabel: true
		    },
		    xAxis: [{
		        type: 'category',
		        axisLine: {
		            lineStyle: {
		                color: '#66666',
		            }
		        },
		        data: ['6.1','6.3','6.4','6.5'],
		    }],
		    yAxis: {
	          type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		 color : ['#f16bea', '#19b4ed', '#ff9900', '#ac76fc', '#99cc33', '#f16bea'],
	series: [{
            name: "提问",
            type: "bar",
            stack: "总量",
           barWidth : 20,
            barGap: "10%",
            data: [
                709,
                1917,
                2455,
                2610,
               
            ],
        },
        {
            name: "调查",
            type: "bar",
            stack: "总量",
            barWidth : 20,
            data: [
                327,
                1776,
                507,
                1200,

            ]
        }, {
            name: "总数",
            type: "line",
            stack: "总量",
         
            data: [
                1036,
                3693,
                2962,
                3810,
            ]
        },
       ]
		}
        attendanceDayChart.setOption(dayOption); 
      }
       
        //学习态度时长
      function setLearnAttitudeData(){
         	var learnTimeChart = echarts.init(document.getElementById('learning_time_chart'));
			option = {
		      tooltip: {
				        trigger: 'axis',
				        axisPointer: {
				            type: 'shadow',
				
				        },
				    },
			grid: {
		        left: '0%',
		        right: '8%',
		        bottom: '5%',
		        top: '4%',
		        containLabel: true
		    },
		     tooltip: {
				        trigger: 'axis',
				        axisPointer: {
				            type: 'shadow',
				
				        },
				    },
		    xAxis: {
		        type: 'category',
		        boundaryGap: false,
		        data: ['6-1', '6-5', '6-8', '6-7', '6-8', '6-9', '12-10']
		    },
		  	 yAxis: {
	          type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            formatter: '{value}h',
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		    color : ['#19b4ed'],
		    series: [{
		        data: [820, 932, 901, 934, 1290, 1330, 1320],
		        type: 'line',
		          areaStyle: {normal: {}},
		    }]
		};
         	learnTimeChart.setOption(option);
 


      
         	
      }
      //课程学习时间分布//作业气泡图
     function courseTimeChart(){
                 //课程学习时间分布
        var coursetimeChart = echarts.init(document.getElementById('learning_time_pie_chart'));
		     coursetimeOption = {
		   	     tooltip: {
                     trigger: 'item',
                     formatter: '{a} <br/>{b}: {c} ({d}%)'
                    },
  
		    series: [
		        {
		            name:'课程',
		            type:'pie',
		            selectedMode: 'single',
		            radius: [0, '40%'],
		            label: {
		                normal: {
                         position: 'inner'

		                }
		            },
		            labelLine: {
		                normal: {
		                    show:true
		                }
		            },
		             color : ['#1269db', '#ff9900'],
		            data:[
		                {value:335, name:'资源', selected:true},
		                {value:1548, name:'活动'}
		            ]
		        },
		        {
		            name:'课程',
		            type:'pie',
		            radius: ['60%', '80%'],
		            label: {
		               	normal : {
								show : false,},
		            },
		            color : ['#66cc00', '#ff9900', '#99cc33', '#f16bea', '#ffcc00', '#09cc33', '#f47878', '#ac76fc', '#ff66cc', '#1269db'],
		            data:[
		                {value:335, name:'视频'},
		                {value:310, name:'图文'},
		                {value:234, name:'讨论'},
		                {value:135, name:'文件'},
		                {value:1048, name:'测验'},
		                {value:251, name:'调查'},
		                {value:147, name:'现场实操'},
		                {value:102, name:'作业'}
		            ]
		        }
		    ]
		};
         coursetimeChart.setOption(coursetimeOption);
            	 //作业气泡图
        var workChart = echarts.init(document.getElementById('work_chart'));
	
         
         var data = [  [[201,70,10,'Australia',1990],[311,87,20,'Canada',1990],[10,60,103,'China',1990]]]
              workOption = {
              grid: {
		        left: '0%',
		        right: '8%',
		        bottom: '5%',
		        top: '4%',
		        containLabel: true
		    },
		    xAxis: [{  splitLine: {
		            show: false
		        }}],
		 yAxis: {
	          type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
  
		tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },        
　　　　　　series: [{
　　　　　　　　name: '1990',
　　　　　　　　data: data[0],
　　　　　　　　type: 'scatter',
　　　　　　　　symbolSize: function (data) {
　　　　　　　　return Math.sqrt(data[2]) // 5e2;  data[2] --->17096869这就是控制气泡的那个数据，我后台获取的只有几十的数值大小，这么个开根除法，特么气泡大小就趋于零了，怎么能看得见他存在哦！！于是我反手就将Math.sqrt(data[2]) / 5e2;改成data[2]/50,结果气泡出来了。
　　　　　　　　},
　　　　　　　　    itemStyle: {
                normal: {
                 color: '#19b4ed',
                
                }
            },
　　　　　　},
　　　　　　
　　　　　　]
              
      };
 	 workChart.setOption(workOption); 
      }
    
      //学习态度三方评价

	function setEvaluationChart(){
	//分数段分布
	var gradeChart = echarts.init(document.getElementById('grade_chart'));
			 gradeOption = {
			    tooltip : {
			        trigger: 'item',
			        formatter: '{a} <br/>{b} : {c} ({d}%)'
			    },
			    	    grid: {
			        left: '0%',
			        right: '0%',
			        bottom: '3%',
			        top: '0%',
			        containLabel: true
			    },
				color : ['#19b4ed', '#fc6866', '#fbea0c', '#ab74e9', '#ea68a2', '#01da8e'],
			    series : [
			        {
			         name : '数据',
					type : 'pie',
					radius : ['50%', '70%'],
					radius : [48, 70],
			        funnelAlign : 'center',
			            	label : {
								normal : {
								show : false,},
									emphasis : {
										show : true,
										textStyle : {
											fontSize : '14',
											fontWeight : 'bold'
										},
									}
								},
			            data:[
			                {value:1548, name:'60分以下'},
			                {value:335, name:'60-69'},
			                {value:310, name:'70-79'},
			                {value:234, name:'80-89'},
			                {value:135, name:'90-100'},
			               
			            ],
			        }
			    ]
			};

          gradeChart.setOption(gradeOption);
          //分数分布详情
		var myChart = echarts.init(document.getElementById('evaluation_chart'));
		option = {
     
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        }
		    },
		     grid: {
			        left: '0%',
			        right: '0%',
			        bottom: '3%',
			        top: '5%',
			        containLabel: true
			    },
		     color: ['#ac76fc', '#ff9900', '#19b4ed','#ac76fc', '#ff9900', '#19b4ed'],
		
		    xAxis :{
		            data : ['作业1','作业2','作业3','作业4'],
		           axisLine: {
                    lineStyle: {
                      color: '#666666',
                      }
			        },
		        }
		   ,
		   yAxis: {
	          type: 'value',
	           axisTick: {
		            show: false,
		        },
		        axisLine: {
		            show: false,
		        },
		        axisLabel: {
		            textStyle: {
		                color: '#66666',
		            }
		        }
		    },
		    series : [
		        {
		            name:'最高分',
		            type:'line',
		            data:[40, 50, 45, 56]
		        },
		          {
		            name:'最低分',
		            type:'line',
		            data:[10, 20, 15, 56]
		        },
		        {
		            name:'平均分',
		            type:'line',
		            data:[30, 45, 73, 34]
		        },
		        {
		            name:'最高分2',
		            type:'bar',
		           itemStyle: {
                   normal: {
                 //设置圆角
                    barBorderRadius:[10, 10, 0, 0],
                  }
                 },
		          data:[40, 50, 45, 56]
		        },
		        {
		            name:'最低分1',
		            type:'bar',
		           itemStyle: {
                   normal: {
                 //设置圆角
                    barBorderRadius:[10, 10, 0, 0],
                  }
                 },
		            data:[10, 20, 15, 56]
		        },
		        {
		            name:'平均分1',
		            type:'bar',
		          itemStyle: {
                   normal: {
                 //设置圆角
                    barBorderRadius:[10, 10, 0, 0],
                  }
                 },
		             data:[30, 45, 73, 34]
		        },
		       
		    ]
		};
		myChart.setOption(option);
	}